.proDetail {
  .main {
    margin: 0 auto;
    width: 1000px;
    // background-color: pink;
  }
  .tit-line {
    margin-top: 10px;
    .left {
      float: left;
      width: 420px;
      height: 622px;
      text-align: center;
      .imgBox {
        overflow: hidden;
        position: relative;
        width: 420px;
        height: 420px;
        background-color: goldenrod;
        .mid {
          position: absolute;
          left: 0;
          top: 0;
          display: none;
        }
        .midImg {
          display: block;
        }
        // .BigBox {
        //   position: absolute;
        //   left: 0;
        //   top:0;
        //   width: 1200px;
        //   height: 1200px;
        //   z-index: 10;
          
        // }
        .BigImg {
          position: absolute;
          left: 0;
          top: 0;
          display: none;
        }
        .ActBigImg {
          position: absolute;
          z-index: 10;
          display: block;
        }
      }
      .litImgList {
        white-space: nowrap;
        display: inline-block;
        margin: 0 auto;
        margin-top: 10px;
        img {
          width:64px;
          height: 64px;
          margin-right: 7px;
          width: 64px;
          height: 64px;
          &:last-child {
            margin-right: 0;
          }
        }
        .imgCurrent {
          box-sizing: border-box;
          border: 1px solid #de3d96;
        }
      }
      .shareLine {
        padding: 10px 20px;
        font-size: 12px;
        text-align: start;
        border-bottom: 1px dotted #ccc;
        span {
          i {
            margin-right: 5px;
            display: inline-block;
            vertical-align: middle;
            width: 20px;
            height: 20px;
            background-position: -185px -168px;
            background-image: url("https://shop.vipstatic.com/img/detail/detail-sprites-hash-5216deac.png?d775612b");
          }
          &:first-child {
            margin-right: 50px;
          }
          &:last-child {
            float: right;
          }
        }
      }
    }
    .right {
      color: #9999a5;
      float: left;
      width: 550px;
      height: 646px;
      margin-left: 20px;
      .brand {
        color: #847cff;
        font-size: 20px;
      }
      .title {
        margin: 10px 0;
        font-weight: 600;
        font-size: 16px;
        color: #333333;
      }
      .detailTit {
        color: #9999b3;
      }
      .priceBox {
        background-color: #f9f9f9;
        margin-top: 10px;
        margin-bottom: 20px;
        padding: 10px;
        padding-bottom: 0px;
        .discount {
          font-size: 14px;
          background: #de3d96;
          border-radius: 32.5px;
          padding: 2px 8px;
          color: #fff;
        }
        .discPrice {
          font-size: 38px;
          color: #333333;
          margin-left: 5px;
        }
        .oldPrice {
          font-size: 16px;
          margin-left: 10px;
          color: #9999a5;
          text-decoration: line-through;
        }
        .disNum {
          margin-left: 10px;
          font-size: 16px;
          color: #9999a5;
        }
        .vipPrice {
          margin-top: 10px;
          padding-bottom: 10px;
          font-size: 18px;
          color: #333333;
        }
      }
      //配送
      span {
        font-size: 12px;
        margin-right: 10px;
      }
      .dliver {
        .Cascader {
          margin-left: 10px;
        }
      }
      .dliverPrice {
        margin: 10px 0;
        color: #333333;
        font-size: 12px;
        span {
          color: #9999a5;
        }
      }
      .size {
        width: 400px;
        span {
          float: left;
          margin-top: 8px;
        }
        .sizeCon {
          float: left;
          height: 100px;
          width: 320px;
          color: #333333;
          i {
            display: inline-block;
            margin-right: 10px;
            margin-bottom: 10px;
            width: 70px;
            height: 30px;
            text-align: center;
            line-height: 30px;
            font-size: 14px;
            border: 1px solid #ccc;
          }
          p {
            margin: 0;
            font-size: 12px;
            color: #f500a1;
            em {
              color: #527cff;
            }
          }
        }
      }
      .deliverNum {
        margin: 10px 0;
        span {
          float: left;
          margin-top: 5px;
        }
        .Stepper {
          float: left;
        }
      }
      .btnBox {
        position: relative;
        button {
          margin-left: 36px;
          margin-bottom: 5px;
          width: 198px;
          height: 46px;
          font-size: 18px;
          background-color: #f43499;
          color: #fff;
          border: none;
          border-radius: 5px;
        }
        .icon {
          position: absolute;
          left: 60px;
          top: 12px;
          font-size: 20px;
        }
      }
      .custService {
        padding: 10px 0;
        font-size: 12px;
        border-top: 1px dotted #ccc;
        img {
          margin-right: 5px;
        }
      }
      .service {
        font-size: 12px;
        i {
          margin: 0 5px;
          display: inline-block;
          vertical-align: middle;
          width: 21px;
          height: 21px;
          background-position: -186px -234px;
        }
      }
    }
  }
  //商品详情
  .product-information {
    //导航栏
    .navigat {
      height: 45px;
      line-height: 45px;
      border: 1px solid #ccc;
      border-bottom: 3px solid #000;
      span {
        float: left;
        padding: 0 10px;
        z-index: 2;
        height: 44px;
        border-right: 1px solid #ccc;
      }
      a:hover {
        color: #f10180;
      }
      .current {
        a {
          color: #f10180;
        }
        border-bottom: 3px solid #f10180;
      }
    }
    //标题
    .size-titleBox {
      padding-bottom: 5px;
      font-size: 20px;
      color: #f10180;
      background-image: url("https://shop.vipstatic.com/img/detail/detial_line-hash-73c7b229.png?f06a5522");
      background-position: 0 0;
      .size-title {
        background-color: #fff;
        .size-icon {
          margin-right: 5px;
          display: inline-block;
          width: 17px;
          height: 14px;
          background-position: -273px -234px;
        }
        span {
          margin-left: 5px;
          color: #999999;
        }
      }
    }
    //尺码参数
    //商品尺码
    .size-line {
      margin-top: 10px;
      .compare-table {
        height: 30px;
        line-height: 30px;
        span {
          &:first-child {
            font-weight: bold;
          }
          &:last-child {
            float: right;
          }
        }
      }
      //尺码表
      table {
        margin-bottom: 20px;
        width: 100%;
        td {
          height: 40px;
          text-align: center;
          line-height: 40px;
          border: 1px solid #ccc;
        }
        thead {
          font-weight: bold;
          background-color: #dbdbdb;
          td {
            width: 25%;
          }
        }
      }
      //价格走势
      .priceLine {
        font-size: 20px;
        position: relative;
        color: #ada5c5;
        .price-history {
          position: absolute;
          left: 230px;
          top: 16px;
        }
        .price-discount {
          position: absolute;
          left: 440px;
          top: 188px;
          font-weight: bold;
          font-size: 24px;
          color: #222222;
          span {
            font-weight: normal;
            color: #e739c4;
          }
        }
        .price-afterterm {
          position: absolute;
          left: 620px;
          top: 16px;
        }
      }
    }
    //商品展示
    .product-display > .detail-image {
      margin-bottom: 20px;
      margin-top: 10px;
      width: 1000px;
    }
  }
  //全部口碑
  .comments-line {
    border: 1px solid #eae8eb;
    margin-bottom: 30px;
    .comments-titleLine {
      .comments-title {
        padding: 0 10px;
        height: 50px;
        line-height: 50px;
        background-color: #eae8eb;
      }
      .comments-content {
        .comments-left {
          margin-top: 30px;
          float: left;
          width: 200px;
          height: 150px;
          text-align: center;
          p {
            text-align: center;
            border-right: 1px solid #ccc;
          }
          .percentage {
            font-size: 50px;
            color: #de3480;
          }
        }
        .comments-right {
          float: left;
          margin: 0 70px;
          margin-top: 30px;
          height: 150px;
          width: 650px;
          span {
            float: left;
            margin-right: 5px;
            margin-top: 5px;
            width: 60px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            font-size: 12px;
            border: 1px solid #ccc;
            color: #000;
            border-radius: 2px;
          }
          span:hover {
            border: none;
            color: #fff;
            background-color: #de3480;
          }
        }
      }
    }
  }
  //每个comment
  .AllComments {
    .every-comment {
      padding: 30px 0;
      border-bottom: 1px solid #ccc;
      .everyComment-left {
        float: left;
        width: 200px;
        height: 100px;
        img {
          float: left;
          width: 40px;
          height: 40px;
          border-radius: 50%;
        }
        .userLine {
          margin-left: 20px;
          float: left;
          font-size: 12px;
          .username {
          }
          .vip-grade {
          }
        }
      }
      .everyComment-right {
        float: left;
        height: 100px;
        width: 650px;
        font-size: 12px;
        .comment-content {
        }
        .choosesize {
          margin: 15px 0;
          color: #ccc;
          span {
            margin-left: 10px;
            margin-right: 20px;
          }
        }
        .comment-time {
          color: #ccc;
        }
      }
    }
  }
  //翻页
  .pageLine {
    position: relative;
    margin: 30px 0;
    height: 30px;
    .pageBox {
      position: absolute;
      left: 50%;
      display: inline-block;
      margin-left: -72px;
      line-height: 30px;
      .minus,
      .plus {
        float: left;
        width: 30px;
        height: 30px;
        text-align: center;

        font-size: 16px;
        border: 1px solid #ccc;
        border-radius: 2px;
      }
      input {
        float: left;
        margin: 0 5px;
        width: 30px;
        height: 30px;
        text-align: center;
        font-size: 16px;
        color: #fff;
        background-color: #f22a80;
        border: 1px solid #ccc;
        border-radius: 2px;
      }
      .plus {
        margin-right: 10px;
      }
    }
  }
}

